<!--
 * @Author: your name
 * @Date: 2021-10-09 15:35:15
 * @LastEditTime: 2021-10-11 09:38:37
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \web-demo\src\views\tabs\tabs.vue
-->
<template>
  <c-tabs :list="tabList" :tabIndex="tabIndex" @clickTab="clickTab"></c-tabs>
</template>
<script>
import cTabs from '@/components/tabs.vue';
import { reactive, ref } from "@vue/reactivity";

export default {
  setup() {
    const tabList = reactive([
      {
        label: 'test1'
      },
      {
        label: 'test2'
      }
    ]);
    const tabIndex = ref('test1');

    const clickTab = (e) => {
      console.log(e);
    }

    return {
      tabList,
      tabIndex,
      clickTab
    }
  },
  components: {
    cTabs
  }
}
</script>